import React,{useEffect} from "react";

export default function LoadMore(props) {
    let flag = true;
  useEffect(() => {
    //绑定给window添加事件
    window.addEventListener("scroll", scrollFun);
    //清空操作 解除绑定
    return () => {
      window.removeEventListener("scroll", scrollFun);
    };
  }, [props.page]);

  //下拉加载更多数据
  function scrollFun() {
    // console.log('--------------下拉加载更多数据----------------');
    //滚动的高度
    const height = document.documentElement.scrollTop;
    //窗口的高度
    const winHeight = document.documentElement.clientHeight;
    // 文档的高度
    const domHeight = document.body.clientHeight;
    // console.log(height,winHeight,domHeight);
    //窗口的高度  +  滚动的高度 +10 >=文档的高度
    if (height + winHeight + 50 >= domHeight && flag) {
      flag = false; //开关关闭
      //请求接口
      // http(val,page)
        if(props.val){
            props.getData(props.val,props.page);
        }else{
            props.getData(props.page); 
        }
    }
  }

  return <div></div>;
}
